<template>
	<view :data-theme="theme">
		<view class="sign-record">
			<view class="list">
				<view class="item">
					<view class="listn borRadius14">
						<view class="itemn acea-row row-between-wrapper" v-for="(item, index) in signList" :key="index">
							<view>
								<view class="name line1">{{ item.mark }}</view>
								<view>{{ item.date }}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="loadingicon acea-row row-center-wrapper">
				<text class="loading iconfont icon-jiazai" :hidden="loading == false"></text>
				{{ loadtitle }}
			</view>
		</view>
		<view class="noCommodity" v-if="!signList.length">
			<view class="pictrue text-center">
				<image :src="urlDomain + 'crmebimage/presets/noqiandao.png'"></image>
				<view class="default_txt">暂无签到记录哦~</view>
			</view>
		</view>
	</view>
</template>

<script>
import { getSignMonthList } from '@/api/user.js';
import { toLogin } from '@/libs/login.js';
import { mapGetters } from 'vuex';
let app = getApp();
export default {
	data() {
		return {
			urlDomain: this.$Cache.get('imgHost'),
			loading: false,
			loadend: false,
			loadtitle: '加载更多',
			page: 1,
			limit: 20,
			signList: [],
			theme: app.globalData.theme
		};
	},
	computed: mapGetters(['isLogin']),
	watch: {
		isLogin: {
			handler: function (newV, oldV) {
				if (newV) {
					this.getSignMoneList();
				}
			},
			deep: true
		}
	},
	onLoad() {
		if (this.isLogin) {
			this.getSignMoneList();
		} else {
			toLogin();
		}
	},
	onReachBottom: function () {
		this.getSignMoneList();
	},
	methods: {
		/**
		 * 获取签到记录列表
		 */
		getSignMoneList: function () {
			let that = this;
			if (that.loading) return;
			if (that.loadend) return;
			that.loading = true;
			that.loadtitle = '';
			getSignMonthList({
				page: that.page,
				limit: that.limit
			})
				.then((res) => {
					let list = res.data.list;
					that.$set(that, 'page', that.page + 1);
					let loadend = that.page > res.data.totalPage;
					that.signList = that.$util.SplitArray(list, that.signList);
					that.$set(that, 'signList', that.signList);
					that.loadend = loadend;
					that.loading = false;
					that.loadtitle = loadend ? '哼😕~我也是有底线的~' : '加载更多';
				})
				.catch((err) => {
					that.loading = false;
					that.loadtitle = '加载更多';
				});
		}
	}
};
</script>

<style lang="scss">
.sign-record {
	padding: 30rpx;
}

.font_color {
	@include main_color(theme);
}

.default_txt {
	font-size: 26rpx;
	color: #999;
	text-align: center;
}

.noCommodity {
	margin-top: 60%;
}
</style>
